:host {
  flex: 1 1 auto;
  display: flex;
  height: 0;
  flex-direction: column;

  .main-card {
    flex: 1 1 auto;
    display: flex;
    height: 0;
    flex-direction: column;
    margin: 12px 0;

    ::ng-deep {
      .ant-card-body {
        flex: 1 1 auto;
        display: flex;
        min-height: 0;
        padding: 0px;
        background: #fff;

        nz-table {
          flex: 1 1 auto;
          overflow: hidden;

          nz-spin {
            height: 100%;

            .ant-spin-container {
              height: 100%;
              display: flex;
              flex-direction: column;

              .ant-table {
                min-height: 0;
                flex: 1;
                overflow: hidden;

                nz-table-inner-scroll {
                  height: 100%;
                  display: flex;
                  flex-direction: column;

                  .ant-table-header {
                    min-height: 48px;
                  }
                  
                  .ant-table-body {
                    max-height: 100%;
                    overflow-y: auto;
                  }
                }
              }

              nz-pagination {
                min-height: 0;
                margin: 16px 16px 16px 0;
                background: #fff;
                .ant-pagination-total-text {
                  flex: 1;
                  display: flex;
                  margin-left: 16px;
                }
              }
            }
          }
        }
      }
    }
  }
}

:global {
  .ant-drawer-body {
    overflow: hidden !important;
  }
} 